.popup-overlay.user-info{
      visibility: hidden !important;
}

.user-info-view .list-block .item-content .item-media .icon{
  font-size: 24px;
}

.user-info-view .list-block .item-content  .item-inner{
  margin-left: 8px !important;
  font-size: 18px !important;
}
.user-info-view .user-profile.list-block {
  margin:0px !important;
}
.user-info-view .user-profile.list-block .list-item .item-content .item-media {
    width: 64px !important;
    height: 64px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    border-radius: 100% !important;
    background-image: url(https://dearb.me/assets/images/avatar.png);
    background-size: 100% auto;
}
.user-info-view .func-box.list-block {
  margin: 0 !important;
}
.user-info-view .func-box.list-block .item-content {
    border-bottom: 0.1px solid #eaeaea !important;
    margin: 0 29px !important;
    padding-left: 6px !important;
}

.user-info-view .func-box.list-block .item-content .user-info-content {
    color: #808080;
    font-size: 13px;
}

.user-info-view a.open-popup{
    width: 125%;
    height: 100%;
    position: absolute;
    z-index: 100;
    margin: 0 -33px !important;
}

.user-info-view .user-info-title{
  background: #f0f7fd;
  font-size: 18px;
  padding-left: 12px;
  color: #808080;
  padding: 5px 12px 0;
}


.select-component-header .head-item.province-city-district{
  width: 33.33% !important;
}

.select-component-header .head-item.province-city-district:after{
  width: 33.33%;
}

.head-item.city-header.province-city-district:after{
  left: 33.33%;
}
.head-item.district-header.province-city-district:after{
  left: 66.66%;
}


.user-info-view .extend-info{
    margin: 18px 26px;
}

.user-info-view .extend-info textarea{
  border: 0.5px solid #a7a7a7;
}

.user-info-view .submit-btn{
  margin-bottom:18px;
  height: 72px;
}

.user-info-view .submit-btn p{
  width:80% !important;margin:auto;
}

.user-info-view .submit-btn p a.button{
  font-size: 20px !important;
  color: white !important;
  letter-spacing: 8px;
  margin-bottom: 18px !important;
  height: 38px;
  line-height: 38px !important;
  font-weight: 100;
  background: #007aff !important;
  border: 1px solid #007aff !important;
  border-radius: 27px !important;
}

.user-info-view .user-info-mark{
  display: none;
}

.user-info-view .user-info-mark.mark-show{
  display: inherit !important;
}
.user-info-view .user-profile .detail .name{
	    font-size: 17px !important;
		color: #4c4c4c;
}


.user-info-view .func-box .item-title.label {
	font-size: 16px !important;
	color: #4c4c4c;
}
